body {
	
	background: #2A2A2A url(../img/blackboard.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	margin: 0;
	padding: 0; 
	font-family: arial;
}
h1,h2,h3,h4,h5 {
	margin-top: 0;
	font-family: arial black, arial;
}

a{
text-decoration:none;
color:#000000;
}

input[type=text], input[type=password] {
	display: block;
	margin: 0 0 1% 0;
	width: 95%;
	border: 5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 1%;
	border-style:solid;
	border-width:1px;
	font-family: arial;
	font-size:12px;
	
}

#page_title{
color:white;
font-size:100px;
font-family:"Reenie Beanie",arial,sans-serif;
text-align:center; 
margin:0%;

}

textarea{
display: block;
	margin: 0 0 1% 0;
	width: 95%;
	border: 5px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	padding: 1%;	
	resize:none;
	border-style:solid;
	border-width:1px;
	font-family: arial;
	font-size:12px;
}

input[type=submit], form a {
	border: none;
	margin-right: 1em;
	padding: 1%;
	text-decoration: none;
	font-size: 12px;
	-moz-border-radius: 4px;
	background: #348075;
	color: white;
	box-shadow: 0 1px 0 white;
	-moz-box-shadow: 0 1px 0 white;
	-webkit-box-shadow: 0 1px 0 white;

}

input[type=submit]:hover, form a:hover {
	background: #287368;
	cursor: pointer;
}




#main_content{
height:1000px;
}

#entries{
/*height:100%;*/
overflow: auto;
padding:0% 1% 20% 1%;
}

#bottom_content{
width:100%;
height:30%;
/*background: #2A2A2A;*/
position: fixed;
bottom: 0%;
}

#kontrollpanel{
margin:2%;
background: #e3e3e3;
width:25%;
padding:0.75%;
border-top-left-radius:20px;
border-bottom-right-radius: 20px;
position: fixed;
bottom: 0%;
right:0%;
border-style:solid;
border-width:1px;
}

#add_form, #edit_form{
margin:2%;
background: #e3e3e3;
width:25%;
padding:0.75%;
border-top-left-radius:20px;
border-bottom-right-radius: 20px;
position: fixed;
bottom:0%;
border-style:solid;
border-width:1px;
font-family: arial;
font-size:12px;
}


.headline{
font-weight:normal;
text-align:center;
font-size:20px;
font-family:"Reenie Beanie",arial,sans-serif;
margin:0px;
padding:0px;
}

.headline:hover{
	text-decoration:underline;
}

.image{
	position:absolute;
	top:5%;
	left:2%;
	
}

.entry_image{
	border-style:solid;
	border-width:1px;
	display:block;
	margin:0px auto;
	height:100%;
	width:100%;
}

.text{
font-size:10px;
font-weight:normal;
margin:0px;
}

.author{
font-size:10px;
font-style:italic;
font-weight:normal;
}

.date{
font-size:10px;
font-weight:normal;
text-align:right;
margin:0px;
}

.categoryName, .moodName{
font-size:10px;
font-weight:normal;
display:inline;
}

.edit{
font-size:10px;
font-weight:normal;
float:right;
margin:0px;
}
.edit:hover{
	text-decoration:underline;
}

#klottra, #search{
margin:1%;
font-size:16px;
font-weight:bold;
}

}  
ul,li{  
  list-style:none;  
}  
ul{  
  overflow:hidden;  
 
}  
ul li{  
  	tetext-decoration:none;  
	  color:#000;  
	  background:#ffc;  
	  display:block;  
	  height:10em;  
	  width:10em;  
	  padding:1em;  
	  -moz-box-shadow:5px 5px 7px rgba(33,33,33,1);  
	  -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
	  box-shadow: 5px 5px 7px rgba(33,33,33,.7);  
  	  margin:2% 2%  4% 2%;;  
         float:left;  
	top:10px;
}  


ul li:nth-child(even) {  
  -o-transform:rotate(4deg);  
  -webkit-transform:rotate(4deg);  
  -moz-transform:rotate(4deg);  
  position:relative;  
  top:20px;  
}  
ul li:nth-child(3n) {  
  -o-transform:rotate(-3deg);  
  -webkit-transform:rotate(-3deg);  
  -moz-transform:rotate(-3deg);  
  position:relative;  
  top:10px;  
}  
ul li:nth-child(5n) {  
  -o-transform:rotate(5deg);  
  -webkit-transform:rotate(5deg);  
  -moz-transform:rotate(5deg);  
  position:relative;  
  top:5px;  
}


ul li:hover,ul li:focus{  
  -moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);  
  -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);  
  box-shadow:10px 10px 7px rgba(0,0,0,.7);  
  -webkit-transform: scale(1.25);  
  -moz-transform: scale(1.25);  
  -o-transform: scale(1.25);  
  position:relative;  
  z-index:5;  
}

.glad{
	background:#ffc;
}

.irriterad{
	background:#cfc;
}
.arg{
	background:#ccf;
}
.ledsen{
	background:#E57980;
}

#feed{
	width:10px;
}

#rss_image{
	width:1.5em;
}

